<script type="text/html" id="ptt5-template">
    <div id="ptt5-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="donationModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-vertical-centered">
            <div class="modal-content">
                <div class="modal-header">

                </div>
                <div class="modal-body">
                    <div id="donation-carousel" class="carousel slide" data-interval="false">

                        <ol class="carousel-indicators">
                            <li data-target="#donation-carousel" data-slide-to="0" class="active"></li>
                            <li data-target="#donation-carousel" data-slide-to="1"></li>
                            <li data-target="#donation-carousel" data-slide-to="2"></li>
                            <li data-target="#donation-carousel" data-slide-to="3"></li>
                            <li data-target="#donation-carousel" data-slide-to="4"></li>
                            <li data-target="#donation-carousel" data-slide-to="5"></li>
                        </ol>

                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="../images/donation-carousel-welcom.png" alt="558x400">
                                <div class="carousel-caption">
                                    <h3>Welcome to Post To Tumblr 5</h3>
                                    <p>Hey all, I'm Mike the developer of Post To Tumblr. I have been working hard to bring you the latest version of Post To Tumblr.</p>
                                    <p>I have spent a whole heap of time upgrading, fixing and developing new Post To Tumblr features.</p>
                                </div>
                            </div>   
                            <div class="item">
                                <img src="../images/donation-carousel-simplified-account.png" alt="558x400">
                                <div class="carousel-caption">
                                    <h3>Simplified Account</h3>
                                    <p>A single PTT login means there is no need for google or facebook authentication!</p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="../images/donation-carousel-multiple-accounts.png" alt="558x400">
                                <div class="carousel-caption">
                                    <h3>Multiple Tumblr Accounts</h3>
                                    <p>Use more than just one Tumblr account in PTT5 seamlessly!</p>
                                </div>
                            </div>                           
                            <div class="item">
                                <img src="../images/donation-carousel-one-click.png" alt="558x400">
                                <div class="carousel-caption">
                                    <h3>Improved One-Click Posting</h3>
                                    <p>Many bug fixes and improvements</p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="../images/donation-carousel-new-wysiwyg.png" alt="558x400">
                                <div class="carousel-caption">
                                    <h3>New WYSIWYG Controls</h3>
                                    <p>New and improved controls for captions and other text boxes</p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="../images/donation-carousel-bug-fixes.png" alt="558x400">
                                <div class="carousel-caption">
                                    <h3>Bug Fixes</h3>
                                    <p>A great many other little improvements and bug fixes with more to come!</p>
                                </div>
                            </div>                            
                        </div>


                        <a class="left carousel-control" href="#donation-carousel" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                        </a>
                        <a class="right carousel-control" href="#donation-carousel" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </a>
                    </div>
                </div>
                <div class="modal-footer">
                    <span class="right">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                    </span>

                </div>
            </div>
        </div>
    </div>
</script>